<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1 , user-scalable=no">
		<title>陕西陇朝盈科技有限公司</title>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/index.css" />
		<link rel="stylesheet" href="css/input.css"/>
		<script src="js/jquery-1.11.3.js"></script>
		<script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.form.js"></script>
		<!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
    <!--<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>-->
	</head>

	<body>
		<!--导航-->
		<nav class="navbar navbar-default" role="navigation">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#example-navbar-collapse">
                <span class="sr-only">切换导航</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
					<a class="navbar-brand logo" href="index.html"></a>
				</div>
				<div class="collapse navbar-collapse" id="example-navbar-collapse">
					<ul class="nav navbar-nav navbar-right">
						<li>
							<a href="index.html">首页</a>
						</li>
						<li>
							<a href="service.html">服务领域</a>
						</li>
						<li class="active">
							<a href="apply_zhiwei.html">招聘信息</a>
						</li>
						<li>
							<a href="add.html">加入我们</a>
						</li>
						<li>
							<a href="contact.html">联系我们</a>
						</li>
					</ul>
				</div>
			</div>
		</nav>
		<!--导航-->

		<div  class="contact1"><img src="images/lx2.jpg"  title="联系我们，点击放大" style="width: 100px;height: 200px;"></div>
		<div class="contact-box" style="display: none;"><div class="sc"></div></div>

		<div id="detail_header">
			<div class="container">
				<div class="row wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.5s">
					<div class="col-md-11 col-sm-11 col-xs-12" style="vertical-align: middle">
						<p class="remen" >热门职位</p>
						<div id="upLode-button"><button type='button'   class='searchbut btn bg-success' value='上传简历'>上传简历</button></div>
						<!--<div id="datail_company">-->
						<!--<h3 class="detail_title">可口可乐(陕西)+业务代表 <span class="red">4000-6000</span></h3>-->
						<!--<p class="xueli">西安 . 高中及以上 .经验不限 </p>-->
						<!--<ul class="list-inline " style="margin-top: 15px;">-->
						<!--<li><span>五险一金</span></li>-->
						<!--<li><span>额外奖励</span></li>-->
						<!--<li><span>商业保险</span></li>-->
						<!--<li><span>年终奖励</span></li>-->
						<!--<li><span>交通补助</span></li>-->
						<!--<li><span>...</span></li>-->
						<!--</ul>-->
						<!--</div>-->
					</div>
				</div>
			</div>
		</div>
		<!--bbs-->
		<div id="detail_main">
			<div class="container">
				<div class="row wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.5s">
					<div class="col-md-7 col-sm-7 col-xs-12">
						<div class="gangwei">
							<h3>招聘岗位</h3>
							<!--<p style="font-weight: 600;margin-bottom: 10px"> . 岗位职责：<br/>-->
							<!--<span>1、遵守公司规章制度，诚实守信，与客户保持良好的合作关系和正常的业务往来；<br/>-->
							<!--2、负责收集整理辖区内的客户资料，并及时维护资料，确保资料准确性；<br/>-->
							<!--3、完成月度销售收入、常备包装、客户开发、应收账款、客户协议执行、生动化等目标；<br/>-->
							<!--4、按照计划线路拜访客户，提高我司在售点的铺货率和生动化陈列；<br/>-->
							<!--5、积极开发潜力客户，拓展市场，提升销量；<br/>-->
							<!--6、收集客户意见及反馈，及时向上级汇报，并提出建议与对策。<br/>-->
							<!--</span>-->
							<!--</p>-->
							<!--<p style="font-weight: 600;margin-bottom: 10px"> . 岗位要求：<br/>-->
							<!--<span>1、高中及以上学历；<br/>-->
							<!--2、沟通能力强并具较高的执行力 ；<br/>-->
							<!--3、热爱市场销售工作，工作态度认真，主动性强且具有吃苦耐劳的精神、抗压力强<br/>-->
							<!--</span>-->
							<!--</p>-->
						</div>
						<!--<div class="lainxi">-->
						<!--<h3>联系我们</h3>-->
						<!--<p style="font-weight: 600;margin-bottom: 10px"> . 联系我们：<br/>-->
						<!--<span>简历投递邮箱：snzhangyan@sn.cofcoko.com</span><br/>-->
						<!--<span>简历投递方式：姓名+意向岗位+迎聘，例如：张三+业务代表+迎聘</span><br/>-->
						<!--<span>联系人：张女士：15771798271 <br/>-->
						<!--微信：ypinzhaopin <br/>-->
						<!--电话：029-89619882  17782655152-->
						<!--</span>-->

						<!--</p>-->
						<!--</div>-->
						<!--<div class="dizhi col-xs-12" style="padding: 0">-->
						<!--<h3>工作地址</h3>-->
						<!--<div id="l-map"></div>-->
						<!--</div>-->

					</div>
					<div class="col-md-1 col-sm-1 hidden-xs"></div>
					<div class="col-md-4 col-sm-4 col-xs-12">
						<div id="xiangsi">
							<h3 class="xiangsi">相似岗位 <a href="#" class="fr" style="font-weight: normal">更多相似岗位</a></h3>
							<div id="resemble"></div>
							<!--<div class=" col-md-5 col-sm-5 col-xs-5">-->
							<!--<h5 style="font-weight: bold ;">中粮集团有限公司</h5>-->
							<!--<p style="font-size: 12px">西安 | 高中 | 不限</p>-->
							<!--<span style="font-size: 12px">07-13发布</span>-->
							<!--</div>-->
							<!--</div>-->
						</div>
					</div>
				</div>
			</div>
		</div>

		<!--footer-->
    <div class="footer">
      <div class="container">
        <div class="row">
          <div class="col-md-6 col-sm-6 col-xs-12">
            <div class="row">
              <div class="col-md-4 col-sm-4 col-xs-4">
                <h4>服务热线</h4>
                <ul class="list-unstyled">
                  <li>
                    <a href="#">人力资源服务</a>
                  </li>
                  <li>
                    <a href="#">陕西社保</a>
                  </li>
                  <li>
                    <a href="#">代办代缴</a>
                  </li>
                </ul>
              </div>
              <div class="col-md-4 col-sm-4 col-xs-4">
                <h4>加入我们</h4>
                <ul class="list-unstyled">
                  <li>
                    <a href="#">期待和您一起</a>
                  </li>
                  <li>
                    <a href="#">奋进</a>
                  </li>
                </ul>
              </div>
              <div class="col-md-4 col-sm-4 col-xs-4">
                <h4>招聘社区</h4>
                <ul class="list-unstyled">
                  <li>
                    <a href="#">中粮业务代表</a>
                  </li>
                  <li>
                    <a href="#">迎聘岗位</a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <div class="col-md-6 col-sm-6 col-sm-12">
            <div class="row">
              <div class="col-md-6 col-sm-6 col-xs-6">
                <h4>联系我们</h4>
                <ul class="list-unstyled">
                  <li>
                    <a href="#">办公地址：陕西省西安市经济开发区凤城二路海璟国际A座1801室</a>
                  </li>
                  <li>
                    <a href="#">座机：89619882</a>
                  </li>
                  <li>
                    <a href="#">电话：17782655152</a>
                  </li>
                </ul>

              </div>
              <div class="col-md-6 col-sm-6 col-xs-6">
                <ul class="list-unstyled">
                  <li>
                    <a href="#"><img style="width: 50%;height:auto;" src="images/top_03.png" alt="" /></a>
                  </li>
                </ul>
                <p>扫一扫了解更多职位</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
		<!--footer-->

		<!-- /.modal -->
		<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel" >
			<div class="modal-dialog" role="document">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span  aria-hidden="true">&times;</span></button>
						<h4 class="modal-title" id="gridSystemModalLabel" style="text-align: center">上传简历</h4>
					</div>
					<div class="modal-body" >
						<div class="row " >
							<div class="col-md-5 col-sm-5 col-xs-5 upload" >
								<h3>请上传你的简历</h3>
								<p>支持DOC,PDF,DOCX格式简历文件</p>
								<span>文件大小不超过8M</span>
                <form id="frm-reg" name="form" class="form-horizontal" action="http://www.ypinkj.com/api/setImg"  method="post" enctype="multipart/form-data" >
                  <!--<input type='text' name='apiclientType' id='textfield' class='w_txt' >-->
                  <!--<p class="file_text"><b>上传文件：</b> <input type="file" name="file" id="file"/></p>-->
                  <!--<input type="button" class="btn btn-success" value="上传" onclick="submitImport()" />-->
                  <p class="file_text">上传文件： <input type="file" name="file" id="file"/></p>
                  <input type="button" class="btn btn-success" value="上传" onclick="submitImport()" />
                </form>
                </div>
							<div class="col-md-7 col-sm-7 col-xs-7" >
                <form id="frm-reg1" name="form1" class="form-horizontal"  method="post" enctype="multipart/form-data" >
                  <div class="input-group">
                    <span class="input-group-addon" id="basic-addon1">用户名</span>
                    <!--<div class="col-sm-10">-->
                    <input type="text" name="uname" class="form-control" id="uname" placeholder="请输入姓名" required pattern="^[\u4e00-\u9fa5]{2,4}$">
                    <span id="unameSpan" class="help-block bg-default">用户名长度在2~4位</span>
                    <!--</div>-->
                  </div>
                  <div class="input-group" id="input-radio">
                    <span class="input-group-addon" id="basic-addon2">性&nbsp;&nbsp;&nbsp;别</span>
                    <!--<div class="col-sm-6">-->
                    &nbsp;&nbsp;&nbsp;<input type="radio" name="gender" value="0" checked="checked" >&nbsp;&nbsp;男&nbsp;&nbsp;
                    <input type="radio" name="gender" value="1" >&nbsp;&nbsp;女
                    <!--</div>-->
                  </div>
                  <div class="clear"></div>
                  <div class="input-group">
                    <span class="input-group-addon" id="basic-addon3">手机号</span>
                    <!--<div class="col-sm-10">-->
                    <input type="tel" name="phone" class="form-control" id="phone" placeholder="请输入手机号" required pattern="^1[3-9]\d{9}$">
                    <span  class="help-block bg-default">手机号不正确</span>
                    <!--</div>-->
                  </div>
                  <div class="input-group">
                    <span class="input-group-addon" id="basic-addon4">年&nbsp;&nbsp;&nbsp;龄</span>
                    <!--<div class="col-sm-10">-->
                    <input type="number" name="age" class="form-control"  id="age" placeholder="请选择年龄" min="18" max="50" step="2">
                    <span  class="help-block bg-default">年龄偏大</span>
                    <!--</div>-->
                  </div>
                  <input id="sub1" type="submit" class="btn btn-primary" value="提交">
                  <input type="reset" name="reset" class="btn btn-primary" value="重置"/>
                </form>
							</div>
						</div>
					</div>
					<div class="modal-footer">
						<button type="reset" class="btn btn-default" style="color:#333;border: 1px solid #ddd">取消</button>
						<!--<button type="submit" class="btn btn-primary" >提交</button>-->

					</div>

				</div><!-- /.modal-content -->
			</div><!-- /.modal-dialog -->
		</div>
		<!--modal-->

		<script src="js/bootlint.js"></script>
		<script src="js/jquery.singlePageNav.min.js"></script>
		<script src="js/wow.min.js"></script>
    <script src="js/jquery.form.js"></script>
		<script type="text/javascript">
			var jobTypeId = getQueryVariable('jobTypeId');
			var positionName = getQueryVariable('positionName');
			var positionId = getQueryVariable('positionId');
			$(function() {
				//		  公司名称
				corporateName();
				//    招聘岗位
				jobs();
				//			  相似岗位
				similarJobs();
			})
			//		  公司名称
		 function	corporateName() {
				$.ajax({
					type: "GET", //请求方式
					//					var urls = 'http://192.168.1.254:9197/ce-rest/v1/pc/web/user/lessonInfo/detail?labelId='+labelId;
					url: "http://www.ypinkj.com/api/position/web/getByJobTypeId?jobTypeId=" + positionId, //地址，就是json文件的请求路径
					dataType: "json", //数据类型可以为 text xml json  script  jsonp
					success: function(res) { //返回的参数就是 action里面所有的有get和set方法的参数
						var dats = res.data;
						if(res.code == 200) {
							var str = '';
							var html = '';
								var list = '';
								list += "<div id='datail_company'>";
								list += "<h3 class='detail_title'>" + dats.positionTitle + " </h3>"
								list += "<span class='red'>" + dats.positionSalary + "</span>"
								list += "<p class='xueli'>" + dats.education + "</p>"
								list += "<ul class='list-inline' style='margin-top: 15px;'>"
								for (var j = 0 ; j < dats.welfareLables.length; j++) {
									list += " <li><span>" + dats.welfareLables[j].lableName + "</span></li>";
                }
								list += "</ul>"
								list += "</div>"
//							}
							str += "<div>" + list + "</div>";
							$("#detail_header").append(str);
						}
					}
				});
			}
			//    招聘岗位
		 function	jobs() {
				$.ajax({
					type: "GET", //请求方式
					url: "http://www.ypinkj.com/api/position/web/getByJobTypeId?jobTypeId=" +positionId, //地址，就是json文件的请求路径
					dataType: "json", //数据类型可以为 text xml json  script  jsonp
					success: function(res) { //返回的参数就是 action里面所有的有get和set方法的参数
						var dats = res.data;
						if(res.code == 200) {
							var str = '';
              var html = '';
              html +=  "<div>" +dats.positionDetails + "</div>";
              str += html;
              $(".gangwei").append(str);
						}
					}
				});
			}
			//			  相似岗位
		function	similarJobs() {
//      console.log(positionName)
//      console.log(positionId)

				$.ajax({
					type: "GET", //请求方式
					url: "http://www.ypinkj.com/api/position/web/getByPosition?positionName="+ positionName +"&positionId="+ positionId +"&page=1&limit=3",
					dataType: "json", //数据类型可以为 text xml json  script  jsonp
					success: function(res) { //返回的参数就是 action里面所有的有get和set方法的参数
			    	var dats = res.data;
//						console.log(dats);
						if(res.msg="成功") {
							var str = '';
							for(var i = 0; i < dats.length; i++) {
								var html = '';
								html += "<div class='list-group'>";
								html += "<div class=' col-md-7 col-sm-7 col-xs-7'>";
								html += "<h5 style='font-weight: 800;font-size: 14px'>" + dats[i].positionTitle + "</h5>"
								html += "<p><span class='red' style='font-weight: 800'>" + dats[i].positionSalary + "</span>元/月</p>";
								for(var k = 0; k < dats[i].welfareLables.length; k++) {
									html += "<span class='wuxian'>" + dats[i].welfareLables[k].lableName + "</span>";
								}
								html += "</div>"
								html += "<div class='col-md-5 col-sm-5 col-xs-5'>"
								html += "<h5 style='font-weight: bold '>" + dats[i].companyName + "</h5>"
								html += "<p style='font-size: 12px'>" + dats[i].education + "</p>"
								html += "<span style='font-size: 12px'>" + dats[i].positionUpdateTime + "发布</span>"
								html += "</div>"
								html += "</div>";
							}
							str += "<div>" + html + "</div>";
							$("#resemble").append(str);
						}
					}
				});
			}

			$("#resemble").click(function(){
				$("#detail_header").empty();
				$("#gangwei").empty();
				corporateName();
				jobs();
			})

			function getQueryVariable(variable) {
				var query = window.location.search.substring(1);
				var vars = query.split("&");
				for(var i = 0; i < vars.length; i++) {
					var pair = vars[i].split("=");
					if(pair[0] == variable) {
						return pair[1];
					}
				}
				return(false);
			}
		</script>
		<script>
			$('.contact1').click(function(){
				$('.contact-box').show()
			});
			$('.sc').click(function(){
				$('.contact-box').hide();
			});
			</script>

		<script>
      //模态框
			$('.searchbut').on('click', function () {
				$("#myModal").modal({
					keyboard: true
				});
			})

			//失去焦点时，验证年龄
			age.onblur = function(){
				if(this.validity.valueMissing){
					this.nextElementSibling.className='help-block bg-danger';
					this.nextElementSibling.innerHTML='年龄不能为空';
				} else if(this.validity.rangeUnderflow){
					this.nextElementSibling.className='help-block bg-danger';
					this.nextElementSibling.innerHTML="年龄不能小于18！";
					this.setCustomValidity('年龄不能小于18！')
				}else if(this.validity.rangeOverflow){
					this.nextElementSibling.className='help-block bg-danger';
					this.nextElementSibling.innerHTML="年龄不能大于50！";
					this.setCustomValidity('年龄不能大于50！')
				}else {
					this.nextElementSibling.className='help-block bg-success';
					this.nextElementSibling.innerHTML='年龄合适';
					this.setCustomValidity("年龄合适");
				}
			}
			/**用户名输入验证**/
      		uname.onblur=function(){
				if(this.validity.valid){
					this.nextElementSibling.className='help-block bg-success';
					this.nextElementSibling.innerHTML='用户名格式正确';
				} else if(this.validity.valueMissing) {
					this.nextElementSibling.className = 'help-block bg-danger';
					this.nextElementSibling.innerHTML = '用户名不能为空';
				}else if(this.validity.patternMismatch){
					this.nextElementSibling.className='help-block bg-danger';
					this.nextElementSibling.innerHTML='用户名格式非法';
				}
			}
			/**电话号码验证**/
			phone.onblur=function(){
				if(this.validity.valid){
					this.nextElementSibling.className='help-block bg-success';
					this.nextElementSibling.innerHTML='电话号码格式正确';
				}else if(this.validity.valueMissing){
					this.nextElementSibling.className='help-block bg-danger';
					this.nextElementSibling.innerHTML='电话号码不能为空';
				}else if(this.validity.patternMismatch){
					this.nextElementSibling.className='help-block bg-danger';
					this.nextElementSibling.innerHTML='电话号码格式非法';
				}
			}

			//上传简历
//			function F_Open_dialog()
//			{
//				document.getElementById("btn_file").click();
//			}
      var uUrl = "";
      function submitImport(){
        $('#frm-reg').ajaxSubmit({
          type: 'post', // 提交方式 get/post
          url: 'http://www.ypinkj.com/api/setImg', // 需要提交的 url
          success: function(data) { // data 保存提交后返回的数据，一般为 json 数据
            // 此处可对 data 作相关处理
            uUrl=data.message;
//            return data.message;
            console.log(data.message);
//            console.log(123);
//            $("#upLodeImg").show();
          }
        });
        return false; // 阻止表单自动提交事件
      }
        $("#sub1").click(function(){
          var uNameId = positionId;
          var uNames = $("#uname").val();
          var ugender = $("input[type='radio']:checked").val();
          var uphone = $("#phone").val();
          var uage = $("#age").val();
          console.log(123);
//       			 });
          $.ajax({
            type: "POST", //请求方式
            url: "http://www.ypinkj.com/api/ypUser/web/addYpUser?ypName=" + uNames + "&ypGender=" + ugender + "&ypPhone=" + uphone + "&ypAge=" + uage + "&resumeImg=" + uUrl + "&positionId=" + uNameId, //地址，就是json文件的请求路径
            dataType: "json", //数据类型可以为 text xml json  script  jsonp
            success: function (res) { //返回的参数就是 action里面所有的有get和set方法的参数
            console.log(res);
              if (res.code == 200) {// console.log(dats);
                alert(res.message);
//                console.log(uUrl);
//                console.log(uNameId);
//                console.log(uNames);
//                console.log(ugender);
//                console.log(uage);
//                console.log(uphone);
              }
            }
          })
        })
//				});
//			})
		</script>
	</body>
</html>
